<!DOCTYPE html>
<!--
  表单项标签:
     * input:可以通过type的属性值,改变元素展示的样式
        * type属性:
           * text:文本输入框,默认值
                * placeholder:指定输入框的提示信息,当输入框的内容发送变化,会自动清空提示信息
           * password:密码输入框[当令type值为password后,输入密码的时候密码不会显示出来,安全性高]
           * radio:单选框
                *注意:要想让多个单选框实现单选的效果,则多个单选框的name属性值必须相同
                      一般会给每一个单选框提供value属性,指定其被选中后提交的值
                      checked属性:可以指定其为默认值
           * CheckBox:复选框[多选框]
                * 一般会给每一个单选框提供value属性,指定其被选中后提交的值
                * checked属性,可以指定默认值
           * file:文件选择框
           * hidden: 隐藏域,用于提交一些信息
           * 按钮 :
               *submit:提交按钮.可以提交表单
               *button:普通按钮
               *image:图片提交按钮
                   *src属性指定图片的路径

      *label:指定输入项的文字描述信息
           *注意: label的for属性一般会和input的 id 属性值[对应].如果对应了,则点击label区域,会让input输入框获取焦点,这样更敏捷

      * select:下拉列表
         *子元素:option,指定列表项

      *textarea:文本域
          * cols:指定列数,每一行有多少个字符
          * rows:默认有多少行[若行不够时,会自动扩容]
      -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单项标签</title>
</head>
<body>
 <form actioon="#" method="post">
     <label for="drink">用户名</label>:<input type="text" name="username" placeholder="请输入用户名" id="drink"><br>
     <label for="eat">密码</label>: <input type="password" name="password" placeholder="请输入密码" id="eat"><br>
     爱好:<input type="radio" name="hobby" checked> 篮球
          <input type="radio" name="hobby"> 足球
     <br>
     图片:<input type="file" name="file"> <br>
     取色器:<input type="color" name="color"><br>
     生日:<input type="date" name="birthday"><br>
     生日:<input type="datetime-local" name="birthday"><br>
     邮箱:<input type="email" name="email"><br>
     年龄:<input type="number" name="age"><br>
     省份:<select name="province">
         <option value="">--请选择</option>
         <option value="1" selected>贵州</option>
         <option value="2">江苏</option>
         <option value="3">上海</option>
 </select><br>

     <input type="submit" value="登录"><!-- submit是一个提交按钮--><br>
 </form>
</body>
</html>